<template>
	<view class="wapper">
		<Card :isBorder="true" v-for="k in list" :key="k.id">
			<template v-slot:main-title>
				<text class="title">{{ k.name }}</text>
			</template>
			<template v-slot:fu-title>
				<text class="renzheng0" v-if="k.status==0">认证失败</text>
				<text class="renzheng1" v-if="k.status==1">认证中</text>
				<text class="renzheng2" v-if="k.status==2">认证成功</text>
			</template>
			<template v-slot:main>
				<view class="content">
					<view class="content-item">
						<view class="item-left">
							楼号
						</view>
						<view class="item-right">
							{{ k.louhao }}
						</view>
					</view>
					<view class="content-item">
						<view class="item-left">
							住户类型
						</view>
						<view class="item-right">
							{{k.type}}
						</view>
					</view>
				</view>
			</template>
			<template v-slot:floot-left>
				<up-radio
					label="默认小区"
					name="agree"
					:checked="k.default"
				>
    			</up-radio>
				
			</template>
		</Card>

		<view class="add">
			+
		</view>
	</view>
</template>

<script setup>
import Card from '/components/card-2.0.vue'
import {ref} from 'vue'
let Checked = ref(false)

let list = ref([
	{
		id:1,
		name:"瑞辰国际",
		status:1,
		louhao:"3栋3单元1204室",
		type:"租赁",
		default:false
	},
	{
		id:2,
		name:"花苑小区",
		status:0,
		louhao:"5栋2单元1204室",
		type:"租赁",
		default:false
	},
	{
		id:1,
		name:"兴隆苑",
		status:2,
		louhao:"5栋3单元0606室",
		type:"租赁",
		default:false
	},
])

</script>

<style lang="scss">
	.wapper{
		height:calc(100vh - 91rpx) ;
		// background-color: aqua;
		overflow: hidden;
		// position: relative;
	}
	.title{
	font-weight: 700;
	}
	.content{
		.content-item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.item-right{
				color: #000;
			}
		}
	}
	.renzheng0{
		color:rgb(232, 33, 50);
	}
	.renzheng1{
		color:rgb(53, 164, 243);
	}
	.renzheng2{
		color:rgb(78, 224, 195);
	}

	.add{
		height: 100rpx;
		width: 100rpx;
		border-radius: 50%;
		color:rgb(53, 164, 243);
		box-shadow: 0 0 2rpx 5rpx rgb(149, 209, 251);
		text-align: center;
		line-height: 100rpx;
		font-size: 60rpx;
		position: fixed;
		left: 50%;
		bottom: 50rpx;
		margin-left: -50rpx;
	}
</style>
